<template>
    <!-- 底部导航 -->
    <div class="container">
        <div class="seachBtn">
            <!-- 搜索按钮 -->
            <i class="iconfont iconfangdajing" style="font-size: 20px"></i>
        </div>
        <div class="addBtn">
            <!-- 增加按钮 -->
            <i class="iconfont iconzengjia" style="font-size: 20px"></i>
        </div>
        <div class="pengyouquanBtn">
            <!-- 朋友圈按钮 -->
            <!--            <i class="iconfont iconpengyouquan" style="font-size: 20px"></i>-->
            <i class="el-icon-loading" style="font-size: 20px"></i>
        </div>
        <div class="pifuBtn">
            <!-- 皮肤按钮 -->
            <i class="iconfont iconpifu" style="font-size: 20px"></i>
        </div>
        <div class="musicBtn">
            <!-- 音乐按钮 -->
            <i class="iconfont icontubiaozhizuomobanyihuifu-" style="font-size: 20px"></i>
        </div>
    </div>
</template>

<script>
  export default {
    name: 'leftFooter'
  }
</script>

<style scoped>
    .container {
        background: #f2f2f2;
        text-align: center;
        margin-top: 10px;
    }

    .seachBtn {
        float: left;
        width: 20%;
    }

    .addBtn {
        float: left;
        width: 20%;
    }

    .pengyouquanBtn {
        float: left;
        width: 20%;
    }

    .pifuBtn {
        float: left;
        width: 20%;
    }

    .musicBtn {
        float: left;
        width: 20%;
    }

</style>
